﻿@import '../../UIbase/Default/UIBase.scss';

#MiniCrmBar{
    position:absolute;
    bottom: 10px;
    right: -226px;
    width: 300px;
    height: 64px;
    overflow:hidden;
    //opacity:0.6;
    //filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3caed4', endColorstr='#3caed4'); 
    filter:alpha(opacity=60);
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-image: url('crm.png');
    background-repeat:no-repeat;
    background-color:white;
    &:hover {
        opacity: 1;
        right:0;
        filter:none;
        background-color:white;
    }
}

#CRMMenu{
    height:64px;
    line-height:64px;
    padding:0;
    margin-left:64px;
    position:relative;
    & li{
        padding-left:5px;
        padding-right:5px;
        float:left;
        @extend %TitleLv4;
        text-align:center;
        height:64px;
        width:64px;
        min-width:64px;
        cursor:pointer;
        &:hover{
            background-color:lighten($ClrTheme,20);
        }
    }
}
#postIssue{
    background-image: url('postIssue.png');
}
#getHelp{
    background-image: url('getHelp.png');
}
#getHistory{
    background-image: url('getHistory.png');
}